.zone-questionnaires {
    position: relative;

    flex-grow: 2;

    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: 1fr;

    overflow: hidden;
}

.zone-questionnaires > * {
    height: 100%;
    width: 100%;

    position: absolute;

    grid-row: 1 / 2;
    grid-column: 1 / 2;

    transition: var(--transition-rubriques);

}

.zone-questionnaires > .avant {
    left: calc(-1 * var(--page-largeur));
}

.zone-questionnaires > .pendant {
    left: 0;
}

.zone-questionnaires > .après {
    left: var(--page-largeur);
}


.bloc-questionnaire {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.bloc-questionnaire > .contenu {
    display: flex;
    flex-direction: column;

    flex-grow: 2;
}

.bloc-questionnaire > .contrôles {
    display: flex;
    flex-direction: row;
}

.bloc-questionnaire > .contrôles button {
    padding: 8px;
}

.questionnaire-intro .contenu {
    justify-content: center;
    align-items: center;
    gap: 16px;

    font-size: 1.5rem;
}

.questionnaire-intro .contenu button {
    padding: 8px;
    font-size: 1.5rem;
}

.zone-questionnaires:not(:has(.menu)) .questionnaire-intro .contrôles {
    display: none;
}